<template>
      <div class="recommend">
        <p>
            <img src="../assets/images/hotStore/business01.png" alt="">
        </p>
        <p>
            <img src="../assets/images/hotStore/business02.png" alt="">
            <a class="longxing" href="javascript:void(0);"  @click="openApp('14c73477-f590-4521-a5ff-5f82996c1bc6')"></a>
        </p>
        <p>
            <img src="../assets/images/hotStore/business03.png" alt="">
            <a class="qiaojiao" href="javascript:void(0);" @click="openApp('54ea4404-b0b9-4d20-9ac9-83501624f398')" ></a>
            <a class="wenquan" href="javascript:void(0);" @click="openApp('2b31bf66-e978-45bf-affe-47fd01b85f67')"></a>
        </p>
        <p>
            <img src="../assets/images/hotStore/business04.png" alt="">
            <a class="jiazejiang" href="javascript:void(0);" @click="openApp('8aed30ca-5d77-4f84-8dad-6207b1b3d61e')"></a>
            <a class="shuqian" href="javascript:void(0);" @click="openApp('fac2c522-b056-4686-b1c6-f43496c382ae')"></a>
        </p>
        <p>
            <img src="../assets/images/hotStore/business05.png" alt="">
            <a class="gehuang" href="javascript:void(0);" @click="openApp('d65029c8-b44b-45ee-9852-32b0a11b84b4')" ></a>
            <a class="zhuiye" href="javascript:void(0);" @click="openApp('d4f39990-a2c5-4794-a356-29883d5cd364')" ></a>
        </p>
        <p>
            <img src="../assets/images/hotStore/business06.png" alt="">
            <a class="zuishishang" href="javascript:void(0);" @click="openApp('ebd7ea2c-2d4d-4526-be85-7202ef8a989c')"></a>
        </p>
        <p>
            <img src="../assets/images/hotStore/business07.png" alt="">
            <a class="xiaoque" href="javascript:void(0);" @click="openApp('4064922b-b24c-4ace-827b-ced9954d8213')"></a>
            <a class="shangdao" href="javascript:void(0);" @click="openApp('765a89cb-44cf-4add-a4c5-8f5f9a3c9422')"></a>
        </p>
        <p>
            <img src="../assets/images/hotStore/business08.png" alt="">
            <a class="kuma" href="javascript:void(0);"  @click="openApp('b3762fc5-b821-4831-9068-233a4b67dc8a')"></a>
        </p>
        <p>
            <img src="../assets/images/hotStore/business09.png" alt="">
            <a class="hushang" href="javascript:void(0);" @click="openApp('733d6cd5-893c-47fb-8962-827277a75a05')"></a>
            <a class="lilijia" href="javascript:void(0);" @click="openApp('dcb629cf-2929-47c1-a552-ab70aeeab8b6')"></a>
        </p>
        <p>
            <img src="../assets/images/hotStore/business10.png" alt="">
            <a class="twenty-four-xiaoshi" href="javascript:void(0);"  @click="openApp('e381e594-a6f1-4c5d-ad55-8bed3cecf341')" ></a>
        </p>
        <p>
            <img src="../assets/images/hotStore/business11.png" alt="">
            <a class="kokofu" href="javascript:void(0);" @click="openApp('a77d4bce-b9fd-4861-a0a1-3d6aaf9315ab')" ></a>
            <a class="jiangdao" href="javascript:void(0);" @click="openApp('a77d4bce-b9fd-4861-a0a1-3d6aaf9315ab')"></a>
        </p>
        <p>
            <img src="../assets/images/hotStore/business12.png" alt="">
            <a class="xinjiayi" href="javascript:void(0);" @click="openApp('7935ea87-f058-4d37-a539-5bb3adbb615e')"></a>
            <a class="hualian" href="javascript:void(0);"  @click="openApp('a0863f8d-4624-49fe-82ab-bd466d7d21c1')"></a>
        </p>
    </div>
</template>
<script>
export default {
    data () {
        return {

        }
    },
    methods: {
        openApp (storeId) {
            let salesOutletUID = this.$route.query.storeId || storeId
            this.$router.push({ name: 'ShareStore', query: { salesOutletUID: salesOutletUID } })
        }
    }
}
</script>
<style scoped>
* {
  padding: 0;
  margin: 0;
  list-style: none;
}
.recommend {
  width: 10rem;
  margin: 0 auto;
  background: #251112;
}
.recommend p {
  position: relative;
}
.recommend p a {
  position: absolute;
  width: 1.7333rem;
  height: 0.4rem;
}
.recommend p a.longxing {
  top: 3.6133rem;
  left: 5.1733rem;
}
.recommend p a.qiaojiao {
  top: 0.6rem;
  left: 3.0267rem;
}
.recommend p a.wenquan {
  top: 4.2267rem;
  left: 5.1733rem;
}
.recommend p a.jiazejiang {
  top: 1.2133rem;
  left: 3.0267rem;
}
.recommend p a.shuqian {
  top: 4.92rem;
  left: 5.1733rem;
}
.recommend p a.gehuang {
  top: 1.8933rem;
  left: 3.0267rem;
}
.recommend p a.zhuiye {
  top: 5.5467rem;
  left: 5.1733rem;
}
.recommend p a.zuishishang {
  top: 2.5333rem;
  left: 3.0267rem;
}
.recommend p a.xiaoque {
  top: 1.8533rem;
  left: 5.08rem;
}
.recommend p a.shangdao {
  top: 5.7333rem;
  left: 2.56rem;
}
.recommend p a.kuma {
  top: 2.9867rem;
  left: 5.08rem;
}
.recommend p a.hushang {
  top: 0.32rem;
  left: 2.56rem;
}
.recommend p a.lilijia {
  top: 3.8rem;
  left: 5.08rem;
}
.recommend p a.twenty-four-xiaoshi {
  top: 3.04rem;
  left: 5.1733rem;
}
.recommend p a.jiangdao {
  top: 0rem;
  left: 3.0267rem;
}
.recommend p a.kokofu {
  top: 3.6267rem;
  left: 5.1733rem;
}
.recommend p a.xinjiayi {
  top: 0.64rem;
  left: 3.0267rem;
}
.recommend p a.hualian {
  top: 4.3467rem;
  left: 5.1733rem;
}
img {
  width: 100%;
  height: auto;
  display: block;
  vertical-align: middle;
}
</style>
